<template>
    <div class="" style="width:22vw;height:100vh;color:white;background-color:rgba(3,3,3,0.5);">
        <div style="padding-top:10vh;">
            <div style="margin-left:10px;"><i class="el-icon-s-shop" style="color:#409EFF;"></i><span style="margin-left:5px;font-size:14px;">设备情况</span></div>
            <div>
                <div style="display:flex;background-color: rgba(18,88,164,1);margin:5px;border-radius:4px;font-size:12px;padding:5px;">
                    <div style="flex: 1;margin-left:5px;">设备名称</div>
                    <div style="flex: 1">设备序列号</div>
                    <div style="flex: 1">设备状态</div>
                </div>
                <div v-for="(item,index) in dataList" :key="index" style="display:flex;background-color: rgba(123,123,126,1);margin:5px;border-radius:4px;font-size:12px;padding:5px;">
                    <div style="flex: 1;margin-left:5px;">{{item.principalName}}</div>
                    <div style="flex: 1">{{item.serial}}</div>
                    <div style="flex: 1">设备在线</div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
			
        };
    },
    props: {
        dataList: Array
    },
    computed: {
        
    },
    methods: {
	
    },
    mounted() {
        console.log(this.dataList,'1515');
    },
	created(){

	}
};
</script>
<style scoped>
	
</style>
